import Vue from 'vue'
import VueRouter from 'vue-router'
import Base from '../views/base.vue'
import Tube from '../views/tube.vue'
import Music from '../views/music.vue'
import Audio from '../views/audio.vue'
import Rack from '../views/rack.vue'
import Video from '../views/video.vue'
import Light from '../views/light.vue'
import SkyWater from '../views/skyWater.vue'
import Image from '../views/image.vue'
import House from '../views/house.vue'
import Bone from '../views/bone.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'base',
    component: Base
  },{
    path: '/music',
    name: 'music',
    component: Music
  },
  {
    path: '/tube',
    name: 'tube',
    component: Tube
  },
  {
    path: '/audio',
    name: 'audio',
    component: Audio
  },
  {
    path: '/rack',
    name: 'rack',
    component: Rack
  },
  {
    path: '/video',
    name: 'video',
    component: Video
  },
  {
    path: '/light',
    name: 'light',
    component: Light
  },
  {
    path: '/skyWater',
    name: 'skyWater',
    component: SkyWater
  },
  {
    path: '/img',
    name: 'img',
    component: Image
  },
  {
    path: '/house',
    name: 'house',
    component: House
  },
  {
    path: '/bone',
    name: 'bone',
    component: Bone
  }
]

const router = new VueRouter({
  routes
})

export default router
